<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 
        定义和用法：
        big()方法用于吧字符串显示为大号字体。
        该方法返回加了<big>标签的字符串，如图所示：
        <big>string</big>
     -->
     <!-- 还有其他的包装方法 都是这样用的效果不一样罢了 
 blink()   显示闪动字符串。(不能用于IE,Chrome,或者Safari)
bold()	使用粗体显示字符串。
fixed()	以打字机文本显示字符串。
fontcolor()	使用指定的颜色来显示字符串。
fontsize()	使用指定的尺寸来显示字符串。
italics()	使用斜体显示字符串。
link()	将字符串显示为链接。
small()	使用小字号来显示字符串。
strike()	用于显示加删除线的字符串。
sub()	把字符串显示为下标。
sup()	把字符串显示为上标。
    -->
     <p >
        点击下面的按钮就是下面一段话变大
     </p>
     <p id="demo">
            asfasfjasbfjhafbjasfbkjbkj
         </p>
     <button onclick="btn()">点击</button>
     <script>
         var demo=document.getElementById("demo")
         var text="asfasfjasbfjhafbjasfbkjbkj"
         var x=text.big().big()
         function btn() {
           demo.innerHTML=x;
           console.log(x)
           }
     </script>
     <script>
            var txt = "Hello World!";
            document.write("<p>字体变大: " + txt.big() + "</p>");
            document.write("<p>字体缩小: " + txt.small() + "</p>");
            document.write("<p>字体加粗: " + txt.bold() + "</p>");
            document.write("<p>斜体: " + txt.italics() + "</p>");
            document.write("<p>固定定位: " + txt.fixed() + "</p>");
            document.write("<p>加删除线: " + txt.strike() + "</p>");
            document.write("<p>字体颜色: " + txt.fontcolor("green") + "</p>");
            document.write("<p>字体大小: " + txt.fontsize(6) + "</p>");
            document.write("<p>下标: " + txt.sub() + "</p>");
            document.write("<p>上标: " + txt.sup() + "</p>");
            document.write("<p>链接: " + txt.link("http://www.w3cschool.cc") + "</p>");
            document.write("<p>闪动文本: " + txt.blink() + " (不能用于IE,Chrome,或者Safari)</p>");
            </script>
            
</body>

</html>